<template>
  <div id="layout" class="layout">
    <nav class="p-4 bg-gray-100 dark:bg-gray-800">
      <ul class="flex space-x-4">
        <li>
          <router-link to="/" class="text-blue-600 hover:underline">
            首页
          </router-link>
        </li>
        <li>
          <router-link to="/shadcn-demo" class="text-blue-600 hover:underline">
            Shadcn演示
          </router-link>
        </li>
      </ul>
    </nav>
    <router-view v-slot="{ Component, route }">
      <section class="text-14">
        <keep-alive :include="[]">
          <component :is="Component" :key="route.name" />
        </keep-alive>
      </section>
    </router-view>
  </div>
</template>

<script setup lang="ts">

</script>
